<template>
  <div>App</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "App",
});
</script>

<script setup lang="ts">
import { ref } from "vue";

/* 
我们只能使用reactive创建对象实例
*/
/* 
  ref方法是可以接收一个对象作为数据的
  ref自身是使用RefImpl类的getter和setter函数实现劫持的，但是没有遍历对象，所以无法完成对对象的劫持
  如果ref接收一个对象，则会把这个对象通过reactive方法创建一个代理对象进行劫持
*/
const goodInfo = ref({
  skuId: 1,
  skuNum: 4,
  skuName: "Apple14",
});
console.log(goodInfo);

</script>

<style scoped></style>
